<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/vue.js" type="text/javascript"charset="utf-8"></script>
        <script src="js/vue-router.js"></script>
    </head>

    <body>
        <!-- view -->
        <div id="app">
            <h1>Hello Api</h1>
            <p>
              <!-- 使用router-link组件来导航 -->
              <!-- 通过传入to属性指定链接 -->
              <!-- <router-link>默认会被渲染成一个 <a>标签 -->
                <router-link to="/">首页</router-link>
                <router-link to="/student">学生管理</router-link>
                <router-link to="/teacher">讲师管理</router-link>
              </p>
        </div>


        <script type="text/javascript">

            let app = new Vue({
                el: "#app",//绑定vue作用的范围
                // model, 定义页面中显示的模型数据
                data: {
                    title: "Hello Vue!"
                }
            })

        </script>
    </body>
</html>